html,body{height:100%}
.transition{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
/*********top**********/
.top{min-width:880px;background-color:#fff;height:100px;-webkit-user-select:none;position:relative;left:0;box-shadow: 0 1px 5px rgba(0,0,0,.1)}
.top ul{height:59px}
.top ul li{width:59px;float:left;line-height:59px;height:59px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}
.top ul li:hover,.top ul li.ed{background-color:#f2f2f2;cursor:pointer}
.top ul li .ico{font-size:20px}
.top ul a{float:left;text-align:center;padding:0 20px;font-size:14px;height:59px;line-height:59px;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;position:relative;cursor:pointer}
.top ul a i{font-size:14px;margin-right:5px;width:24px;height:24px;line-height:24px;border-radius:20px;background-color:#ccc;color:#fff}
.top ul a:hover{background-color:#fafafa}
.top ul a.ed{background-color:#009688;color:#fff;position:relative}
.top ul a.ed i{background-color:#fff;color:#009688}

.top .righttop{top:0;right:15px;position:absolute;height:59px}
.top .righttop .wwwindex,
.top .righttop .refresh,
.top .righttop .clearcache,
.top .righttop .fullscreen{width:50px;height:59px;line-height:59px;float:left;font-size:17px}
.top .righttop .refresh{color:#666}
.top .righttop .wwwindex:hover,
.top .righttop .refresh:hover,
.top .righttop .clearcache:hover,
.top .righttop .fullscreen:hover{background-color:#fafafa;color:#000;cursor:pointer}

.top .righttop u{margin-left:10px;height:59px;min-width:88px;max-width:150px;padding:0 20px 0 10px;display:inline-block;font-size:14px;text-decoration:none;float:left}
.top .righttop u:after{content:'';display:inline-block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #999;position:absolute;top:27px;right:10px;transition:transform .3s;-webkit-transition:-webkit-transform .3s}
.top .righttop u .uname img{width:30px;height:30px;border-radius:15px;margin-top:15px;display:block;float:left;object-fit:cover;-webkit-object-fit:cover}
.top .righttop u .uname span{width:-webkit-calc(100% - 40px);float:left;margin-left:10px;line-height:59px;height:59px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.top .righttop u em{width:100%;width:-webkit-calc(100% - 210px);display:none;background-color:#4E5464;color:#fff;position:absolute;right:0;top:59px;z-index:888;padding-bottom:10px}
.top .righttop u em a{width:100%;line-height:40px;font-size:14px;color:#fff;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top .righttop u em a:hover{background-color:#5a5e6f}
.top .righttop u:hover{background-color:#4E5464}
.top .righttop u:hover .uname span{color:#fff}
.top .righttop u:hover em{display:block}
.top .righttop u:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}

.top .tab{width:100%;height:40px;border-top:#f4f4f4 1px solid;position:relative;overflow:hidden;background-color:#fff}
.top .tab div{position:absolute;top:0;width:40px;height:40px;color:#999}
.top .tab .back,.top .tab .next,.top .tab .menu{background-color:#fff;line-height:40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.top .tab .back:hover,.top .tab .next:hover,.top .tab .menu:hover,
.top .tab .list li:hover{cursor:pointer;background-color:#fafafa;color:#000}
.top .tab .back{left:0;border-right:#f4f4f4 1px solid}
.top .tab .next{right:40px;border-left:#f4f4f4 1px solid}
.top .tab .menu{right:0px;border-left:#f4f4f4 1px solid}
.top .tab .list{width:-webkit-calc(100% - 115px);left:40px;overflow:hidden;position:relative}
.top .tab .list h5{width:9999px;height:40px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;position:absolute;left:0;top:0;font-size: 0}

.top .tab .list li{height:40px;padding:0 10px 0 15px;float:left;border-right:#f4f4f4 1px solid;font-size:12px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;cursor:pointer;
box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden}
.top .tab .list li:first-child{padding:0 16px}
.top .tab .list li span{line-height:40px;display:inline-block;vertical-align:middle}
.top .tab .list li span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:6px;background-color:#ddd}
.top .tab .list li em{display:inline-block;width:16px;height:16px;line-height:16px;border-radius:10px;overflow:hidden;margin-left:5px;vertical-align:middle}
.top .tab .list li em .ico{display:inline-block;transform:scale(0.6);-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;cursor:pointer}
.top .tab .list li em:hover{background-color:#F5686F;color:#fff}
.top .tab .list li.ed{background-color:#f4fbfb}
.top .tab .list li.ed span{color:#009688}
.top .tab .list li.ed span:before{background-color:#009688}


#toptabmenubox{width:115px;padding:10px 0;background-color:#fff;position:absolute;top:100px;right:0px;display:none;box-shadow:3px 3px 5px rgba(0,0,0,0.1)}
#toptabmenubox li{line-height:32px;color:#666;font-size:14px}
#toptabmenubox li i{width:14px;height:14px;line-height:14px;text-align:center;margin-right:5px;overflow:hidden;vertical-align:middle;color:#999}
#toptabmenubox li:nth-child(1) i{font-size:12px}
#toptabmenubox li:nth-child(2) i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
#toptabmenubox li:hover{background-color:#DEF1EF;color:#009688;cursor:pointer}
#toptabmenubox li:hover i{color:#009688}
/*********main**********/
main{width:100%;height:100%;position:relative}
#leftMain,#rightMain{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;overflow:hidden}
/**********left**********/
#leftMain .blank{height:100px}
#leftMain{position:relative;width:180px;height:100%;float:left;text-align:left;overflow:auto;overflow-x:hidden;background-color:#323742;-webkit-user-select:none;box-shadow:0 4px 4px rgba(0,0,0,.5);z-index:2}
#leftMain .lmainbox{position:absolute;left:0;top:0;right:-17px;bottom:0;overflow-x:hidden;overflow-y:scroll;}

#leftMain.off{margin-left:-180px}
#leftMain .logo{width:180px;height:50px;line-height:60px;font-size:20px;color:#06c9b7;white-space:nowrap;font-weight:bold;text-align:center}
#leftMain .logo font{font-size:14px;font-weight:normal;margin-left:5px}

#leftMain .L{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#leftMain .L dt{width:100%;background-color:#323742;line-height:50px;height:62px;color:#bbb;font-size:14px;padding:0 0 0 15px;position:relative;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-bottom:#23262E 12px solid}
#leftMain .L dt:after{
	font-family:"www_zeai_cn_iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	position:absolute;content:'\e60b';font-size:12px;width:12px;height:12px;line-height:12px;top:19px;right:22px;
	transition:transform .5s;-webkit-transition:-webkit-transform .5s;
}
#leftMain .L dt i{margin-right:10px}
#leftMain .L dt:hover{color:#fff}
#leftMain dd{width:180px;padding:0 0 12px 0;box-sizing:border-box;background-color:#23262E;display:none;transition:transform .5s;-webkit-transition:-webkit-transform .5s;}
#leftMain dd a{line-height:40px;cursor:pointer;width:80%;display:inline-block;display:block;color:#BEBFC1;padding:0 0 0 37px;font-size:14px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#leftMain dd a:hover{color:#fff}
#leftMain dd a.ed{background-color:#009688;color:#fff}
#leftMain dd a.ed .newdian:after{background-color:#009688;}
#leftMain dd hr{width:70%;height:1px;border:none;border-top:1px solid #3d434e;margin:3px auto}
#leftMain .on dt:after{content:'\e60b';transform:rotate(180deg);-webkit-transform:rotate(180deg);}/*e60a*/
#leftMain .on dd{display:block}
#leftMain .on dt{color:#fff}

/**********right**********/
#rightMain{float:right;width:calc(100% - 186px);width:-webkit-calc(100% - 180px);height:100%;z-index:1}
#rightMain .iframe{width:calc(100% - 4px);width:-webkit-calc(100% - 4px);height:100%;height:calc(100% - 100px);margin-left:4px;overflow-x:hidden;border:none;display:block}
#rightMain.off{width:100%}

/*开关*/
main .indent{width:16px;height:50px;position:absolute;left:180px;top:50%;background-color:#3A3E44;cursor:pointer;-webkit-transition:left .4s ease;-moz-transition:left .4s ease;transition:left .4s ease}
main .indent:before,main .indent:after{content:'';display:inline-block;width:0;height:0;left:0;position:absolute}
main .indent:before{border-top:8px solid transparent;top:-8px;border-left:16px solid #3A3E44}
main .indent:after{border-bottom:8px solid transparent;bottom:-8px;border-left:16px solid #3A3E44}
main .indent i.ico{color:#ccc;font-size:12px;margin-top:16px}
main .indent:hover{width:16px;background-color:#23262E}
main .indent:hover:before{border-left-color:#23262E;border-left:16px solid #23262E}
main .indent:hover:after{border-left-color:#23262E;border-left:16px solid #23262E}
main .indent:hover i.ico{color:#fff;margin-left:2px}
main em.open{left:180px;}
main em.open i.ico{margin-left:1px}
main em.close{left:0}
main em.close i.ico{margin-left:-1px}
main em.close:hover i.ico{margin-left:-1px}

.tips_jt{left:50px;left:-webkit-calc(50% - 8px);top:-8px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ff0000}